.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

.contentser {
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 100px);
  position: fixed;
  left: 0;
  top: 100px;
}
.topfr .fl{margin-top:-16px;}

@media (max-width: 1600px){
.make .make_mid .shichang .shichang_box .fl .sgg{
 height:186px;
}
    .solution{
    height: 250px;
  }
    .solution ul li p span{
    font-size: 60px;
  }
   .solution ul li>span{
    font-size: 18px;
  }
  .solution ul li{
    margin-top: 25px;
  }
  .business{
    padding-top: 30px;
  }
  .business .swipers{
    margin-top: 20px;
  }
  .pros .pros_mid .fl ul{
    margin-top: 100px;
  }
  .pros .pros_mid .fr a{
    margin-bottom: 160px;
  }
  .gga .gga_box{
     width: 550px;
    height: 550px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -275px;
    margin-top: -275px;
  }
  .make .make_mid .shichang .shichang_box .fl .sgg{
    padding-top: 30px;
  }
  .make .make_mid .shichang .shichang_box .fr li{
    height: 100px;
  }

  .how_help ul li{
    height: 200px;
  }
  .topfr .fr{
    right: 5px !important;
  }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 0;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 0;
  }
  .make .make_mid .shichang .shichang_box .fr li{
    height: 0.51rem;
  }
  .make .make_mid .shichang .shichang_box .fr li p{line-height:0.51rem;}
  .make .make_mid .shichang .shichang_box .fr li span{line-height:0.51rem;}
  .make .make_mid .shichang .shichang_box .fr li em{line-height:0.51rem;}


}

@media (max-width: 1366px) {
    .solutionTitle{padding:0px 5%;padding-top:35px;padding-bottom:25px;}
    .solutionTitle h1{font-size:24px;}
    .solutionTitle h1 sub{font-size:14px;}
    .solutionTitle a{font-size:12px;}

    .witSafe{padding:0px 5%;}
    .in02_t h1{font-size:24px;}
    .witSafe ul li p{font-size:14px;}

    .pros .pros_mid .fl{left:5%;}
    .make .make_mid .shichang{width:100%;}
    .how_help{width:100%;}

    .solution ul{padding:0px 5%;}
    .solution ul li p{font-size:14px;}
    .solution ul li p span{font-size:30px;}
    .solution ul li>span{font-size:14px;margin-top:5px;}
    .solution{height:auto;padding-bottom:30px;}

    .business h1{font-size:24px;}
    .business p{padding-left:5%;padding-right:5%;font-size:14px;line-height:24px;}

    .business a{font-size:14px;line-height:40px;width:140px;height:40px;}
    .business .swipers{margin-top:60px;}

    .business .swipers .swiper_boxs div{width:60px;height:60px;}

    .pros .pros_mid .fl p{font-size:24px;}
    .pros .pros_mid .fr a{font-size:12px;}
    .pros .pros_mid .fl p span{font-size:14px;}

    .pros .pros_mid .fl ul li.on{font-size:20px;}
    .pros .pros_mid .fl ul li{font-size:16px;}

    .vvs .vv_font{font-size:14px;}
    .vv .vv_font{font-size:14px;}

    .make .make_mid .shichang .title p{font-size:24px;}
    .make .make_mid .shichang .title a{font-size:12px;}
    .make .make_mid .shichang .title p span{font-size:14px;}

    .make .make_mid .shichang .shichang_box .fr li em{font-size:12px;}

    .how_help .title p{font-size:24px;}
    .how_help .title p span{font-size:14px;}
    .how_help .title a{font-size:12px;}

    .how_help ul li span{font-size:16px;}
    .how_help ul li p{font-size:12px;margin-bottom:5px;}

    .wrap_c{width:80%;}
    .btn_02 .fl dl{margin-left:50px;}

}

@media (max-width: 1350px){
  .how_help ul li{
    margin-top: 20px;
    height: 170px;
  }
  .make .make_mid .shichang .shichang_box .fl .sgg{
    height: 1rem;
  }
  .make .make_mid .shichang .shichang_box .fl .sgg{
    padding-top: 15px;
  }
  .make .make_mid .shichang .shichang_box{
    margin-top: 20px;
  }
  .make .make_mid .shichang .title{
    margin-top: 30px;
  }
  .make .make_mid .shichang .title p{
  
  }
  .btn_02 .fr p.p2{
    margin-top: 5px;
  }
}
@media (max-width: 1100px){
  .topfr .fc{
    margin-left: 310px !important;
  }
  .topfr .fc ul li{
    margin: 0 10px;
  }
  .topfr .fl{
    margin-top: 0px;
  }
  .topfr .fc ul li a{
    font-size: 14px;
  }

  .topfr .wrap_c{width:90%;}
  .topfr .fc{

		display: none;

	}

	.topfr .wrap_c{

		width: 98%;

		display: flex;

		align-items: center;

		justify-content: space-between;

	}

	.topfr{

		height: 55px;

	}
    .navbar_fadein {
        z-index: 99999999;
    }
}
@media (max-width: 800px) {
    .solution{
    /*height: 3rem;*/padding-bottom:10px;
  }
    .topfr .fl{
    margin-top:0px;
  }
  .make .make_mid .shichang .shichang_box .fr li span {
    margin-left: 15px;
    white-space: initial;
    text-overflow: initial;
    overflow: initial;
  }
  .contentser {
    position: static;
    height: 100vh;
  }
  .banner{
  	height: 100% !important;
  }
  .witSafe h1{
  	margin-top: 0.5rem;
  	line-height: 1.5;
  }
  .witSafe h1 sub{font-size:12px;}
  .solutionTitle h1 sub{font-size:12px;}
  .solution ul li>span{padding:0px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;text-align:center;display:block;}

  .witSafe ul{
  	margin-top: .6rem;
  }
  .hsd{
  	margin-top: 1rem;
  }
  .solutionTitle{
  	margin-top: 0rem;
  	height: auto;
  	padding-bottom: 15px;
  }
  .solutionTitle{
    padding-top: 25px;
  }
  .solutionTitle h1{
  	font-size: .4rem;margin-left:0px;
  }
  .solution ul li{
  	margin-top: .4rem;
    visibility: initial !important;
  }
  .business .swipers .swiper_boxs div{width:40px;height:40px;}
  .solutionTitle a{color: #fff;}
  .pros{
  	height: 90vh;
  }
  .make .make_mid .shichang .title{
  	margin-top: .5rem;
  }
  .make .make_mid .shichang .shichang_box .fl .sgg{
  	height: 145px;
  	padding: .4rem 0 0 .3rem;
  }
  .fne{
  	bottom: 12px;
    display: none;
  }
  .make .make_mid .shichang .shichang_box .fr li{
  	height: .8rem;
  }
  .make .make_mid .shichang .shichang_box .fr li span{
  	line-height: .8rem;
  }
  .make .make_mid .shichang .shichang_box .fr li em{
  	line-height: .8rem;
  }
  .make .make_mid .shichang .shichang_box .fr{
/*  	height: 3.2rem;*/
  	overflow: auto;
  }
  .how_help ul{
  	margin-top: .2rem;
  }
  .how_help ul li{
  	height: 1.7rem;
  }
  .how_help ul li p{
  	margin-bottom: .1rem;
  }
  .how_help ul li img{
  	right: .2rem;
  	bottom: .2rem;
  	width: .4rem;
  }
  .btn_01 .fr i{
  	height: auto !important;
  }
  .vv.vv1 {
    left: -60px;
    width: 60%;
 
}
.vv{
	display: block !important;
}
.vv .vv_font {
    font-size: 12px;
    line-height: 20px;
    text-overflow: inherit;
    white-space: initial;padding:2px 20px;
    width: 100%;
}
.vv .vv_font p{
      text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vvs .vv_font p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vv2 .vv_font p{
    top: 45px;
}
.vv1 .vv_font p{
    left: -25px;
    top: 45px;
    margin-left: 0;
}
.vv .vv_box{
	display: none;
}
.pros .pros_mid .gga{
	margin-top: 5.5rem;
	width: 100% !important;
    height: 330px !important;
}
.gga .gga_box {
    width: 260px;
    height: 260px;
    top: 0px;
    margin-top: 0px;
    margin: 0px auto;
    position: relative;
    padding: 0px;
    left: 0px;
}
.gga_box{
	background-image: url(../images/qsa_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.vv.vv1 {
    left: -60px;
    width: 60%;
    top: 50%;
    margin-top: -22px;
    z-index: 9999;
}
.vv.vv1 .vv_font{
  z-index: 9999999;
}
.vv.vv2 .vv_font{
  z-index: 9999999;
}
.vvs{
	display: block;
}
.vvs .vv_font {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.vv.vv2 {
    right: -60px;
    width: 60%;
    text-overflow: ellipsis;
    top: 50%;
    margin-top: -22px;
    white-space: nowrap;
    z-index: 9999;
}
.vvs.vv3 {
    top: 0px;
    left: 0;
}
.vvs.vv4 {
    bottom: 30px;
    left: 0;
}
.business{
  padding: 0.5rem 0 1rem 0;
}
.business .swipers{
  margin-top: 1rem;
}
.swiper-button-next, .swiper-button-prev{
  margin-top: -0.5rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  left: 0;
  right: 0;
}
.contentser{
  overflow: auto;
}

.topfr{
  position: relative;
}
.txtScroll-top{
  height: 40px;
}
.swiper-wrapper-sj.swiper-wrapper .swiper-slide{
  height: initial!important;
}
.swiper-wrapper-sj.swiper-wrapper{

}
.make{
  overflow: auto;
  height: 100%;
}
.pros .pros_mid .gga{
  margin-top: 3.5rem;
  margin-bottom: .5rem;
}
.pros{
  height: 100%;
}
.witSafe{
  /*height: 9rem !important;*/
}
.swiper-button-next, .swiper-button-prev{
  margin-top: -0.2rem;
}
.pros .pros_mid .fl ul {
    margin-top: .6rem;
}
.pros .pros_mid .fr a {
    margin-bottom: 1rem;
}
.navbar_fadein{
  z-index: 99999999;
}

.swiper-slide{
  height: initial;
}
.btn_02 .fr p.p2{
  margin-top: 5px;
}

    .business h1{font-size:.4rem;}
    .pros .pros_mid .fl p{font-size:.4rem;margin-left:0px;}
    .make .make_mid .shichang .title p{font-size:.4rem;margin-left:0px;}
    .make .make_mid .shichang .shichang_box .fr li{height:auto;}
    .make .make_mid .shichang .shichang_box .fr li span{width:80%;}
    .how_help .title p{font-size:.4rem;margin-left:0px;}
    .how_help .title{position:relative;}
    .how_help .title a{position:absolute;right:0px;bottom:0px;}

    .how_help .title p span{display:block;margin-top:10px;}
    .make .make_mid .shichang{width:auto;padding:0px 0.3rem;}

    .how_help{width:auto;padding:0px 0.3rem;}
    
}
@media (min-width: 800px){
  .sj-sh{
  display: none;
}
  
}
@media (max-width: 800px){
  .pc-sh{
  display: none;
}
  .sj-sh{
  display: block;
}
}

@media (max-width: 400px){
  .swipers .swiper-button-next, .swiper-button-prev{
    width: 40px;
    height: 40px;
  }
}
.swiper-pagination-bullet-active{
  color: #6fba2c;
    width: 30px;
    background: #6DBC19;
    border-radius: 20px;
}
@media (max-width: 500px){
  .vv3 .vv_font p{
    bottom: 85px !important;
    white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
  }
.vv.vv1 {
    left: -62px;
}
.vv.vv2 {
    right: -65px;
}
.solution ul li p{font-size:12px;}
  .solution ul li p span {
    font-size: 16px;
}
.solution ul li>span {
    font-size: .2rem;
}
  .pros .pros_mid .fl ul{
    margin-top: 0.6rem;
  }
  .pros .pros_mid .fr a{
    margin-bottom: 1rem;
  }
.swiper-button-next, .swiper-button-prev{
  margin-top: -0.5rem;
}
  .topfr .fl{
    margin-top: 0;
  }
  .witSafe{
  height: auto !important;
}
.business a{
  width: 2.5rem;
  height: .6rem;
  line-height: .6rem;
}

  .solution{
    height: auto;
  }
  .pros .pros_mid .gga{
    margin-top: 4.5rem;
  }

}


.videofr{width:100%;overflow:hidden;height:100%;position:fixed;left:0px;top:0px;z-index:9999999;display:none;}

.videofr .video_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.8);}

.videofr .video_c{width:900px;overflow:hidden;position:absolute;left:50%;margin-left:-400px;top:50%;margin-top:-210px;}

.videofr .video_c .video_c_t{width:100%;overflow:hidden;background-color:#000;text-align:right;font-size:14px;line-height:30px;}

.videofr .video_c .video_c_t a{color:#fff;margin-right:0px;}

.videofr .video_c video{width:100%;backface-visibility:hidden;

    -webkit-backface-visibility:hidden; /* Chrome บอ Safari */

    -moz-backface-visibility:hidden;  /* Firefox */

    -ms-backface-visibility:hidden;  /* Internet Explorer */

    -webkit-perspective: 0;

    -webkit-transform: translate3d(0,0,0);

    visibility:visible;}



video{backface-visibility:hidden;

    -webkit-backface-visibility:hidden; /* Chrome บอ Safari */

    -moz-backface-visibility:hidden;  /* Firefox */

    -ms-backface-visibility:hidden;  /* Internet Explorer */

    -webkit-perspective: 0;

    -webkit-transform: translate3d(0,0,0);

    visibility:visible;}



@media screen and (max-width:1200px) {
    .videofr .video_c{width:90%;left:5%;margin:0px;}
}